<template>
  <div class="contentwrap">
    <aside>
      <LefatPage></LefatPage>
    </aside>
    <main>
      <Main></Main>
    </main>
  </div>
</template>

<script>
import LefatPage from './components/LeftPage.vue';
import Main from "./components/Main.vue";
export default {
  name: "App",
  components:{
    LefatPage,Main
  }
};
</script>

<style lang="less" scoped>
.contentwrap{
  height: 100vh;
  min-width: 1000px;
  overflow: hidden;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  background-color: rgb(244, 245, 245);
  aside{
    flex-shrink: 0;
    width: 400px;
    margin-right: 16px;
  }
  main{
    flex-shrink: 1;
  }
}
</style>
